<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>异清轩博客标签云</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/nprogress.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
<link rel="shortcut icon" href="images/icon/favicon.ico">
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/nprogress.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<!--[if gte IE 9]>
  <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="js/html5shiv.min.js" type="text/javascript"></script>
  <script src="js/respond.min.js" type="text/javascript"></script>
  <script src="js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
</head>

<body class="user-select">
<div id="app">
  <mybody>
    <section class="container container-page">
  <div class="pageside">
    <div class="pagemenus">
      <ul class="pagemenu">
        <li><a href="tags.html">标签云</a></li>
        <li><a href="readers.html">读者墙</a></li>
        <li><a href="links.html">友情链接</a></li>
      </ul>
    </div>
  </div>
  <div class="content">
    <header class="article-header">
      <h1 class="article-title">标签云</h1>
    </header>
    <ul class="plinks ptags">
      <li v-for=" tag in tags">
        <a href="" title="" target="_blank">
          {{tag.name}} <span class="badge">{{tag.nums}}</span>
        </a>
      </li>
    </ul>
  </div>
</section>
  </mybody>
</div>
<script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="js/blog.js"></script>
<script src="js/login.js"></script>
<script src="js/upload.js"></script>
<script>
  var v = new Vue({
    el:"#app",
    data:{
      tags:[]
    },
    created(){
      axios.get("/blog/article/queryLabels").then(res=>{
        for (let tag in res.data) {
          let num = res.data[tag];
          this.tags.push({
            name: tag,
            nums: num
          })
        }
        this.tags.sort((t1,t2)=>t2.nums - t1.nums);
      });
    }
  })
</script>
</body>
</html>